(function () {
    var url = location.href;
    if($config.IsPC()){
        if(url.indexOf('sign-up-m.html') > 0){
            location.href = 'sign-up.html'
        }else{
            document.body.style.display = 'block';
        }
    }else{
        if(url.indexOf('sign-up.html') > 0){
            location.href = 'sign-up-m.html'
        }else{
            document.body.style.display = 'block';
        }
    }
}());

//dom初始化
function DomStart(){
    //弹出框
    (function () {
        var box;
        $('.box-explain-open').click(function () {
            var type = $(this).data('type'),
                tit = $(this).data('tit'),
                Width;

            $('.box-explain .tit').text(tit);

            $('.box-explain img').hide();
            $('.box-explain img').eq(type-1).show()

            if($config.IsPC()){
                Width = '952px'
            }else{
                Width = '587px'
            }

            box = layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                area: Width,
                skin: 'layui-layer-nobg', //没有背景色
                shadeClose: true,
                content: $('.box-explain')
            });
        })

        $('.box-close-btn').click(function () {
            layer.close(box)
        })
    }());
}


var app = new Vue({
    el : '#forms',
    data (){
        return {
            user : {
                city : '',
                realname : '',
                nickname : '',
                age : '',
                age_group : '',
                mobile_phone : '',
                email : '',
                position : '',
                clubname : '',
                declaration : '',
                is_nissan : false,
                car_model : '',
                car_vimnum : '',
                car_store : '',
                headimgurl : ''
            },
            img : {
                loading : false
            },
            uploader : '',
            cityName : [
                {
                name : '广州站',
                'msg' : '7月18日24:00'
            },{
                name : '南京站',
                'msg' : '7月25日24:00'
            },{
                name : '北京站',
                'msg' : '8月8日24:00'
            },{
                name : '成都站',
                'msg' : '8月15日24:00'
            },{
                name : '上海站',
                'msg' : '8月28日24:00'
            }],
            is_rule : true
        }
    },
    created(){
        let cityType = $config.GetQueryString('city');
        if(cityType){
            this.user.city = this.cityName[cityType].name;
        }
    },
    mounted(){
        DomStart();
        this.imgUpload();
    },
    methods : {
        imgUpload (){
            var _this = this;
            _this.uploader = WebUploader.create({
                // 选完文件后，是否自动上传。
                auto: true,

                // 文件接收服务端。
                server: $config.host()+'/NBAEnroll/DoUploadAvatar',

                // 选择文件的按钮。可选。
                // 内部根据当前运行是创建，可能是input元素，也可能是flash.
                pick: '#filePicker',

                // 只允许选择图片文件。
                accept: {
                    title: 'Images',
                    extensions: 'gif,jpg,jpeg,bmp,png',
                    mimeTypes: 'image/*'
                }
            });

            _this.uploader.on( 'fileQueued', function( file ) {
                _this.img.loading = true;
            });
            // 文件上传成功，给item添加成功class, 用样式标记上传成功。
            _this.uploader.on( 'uploadSuccess', function( file,json ) {
                if(json.result){
                    _this.user.headimgurl = json.message
                }
                _this.img.loading = false;

            });
        },
        clickUpload (){
            $('.webuploader-element-invisible').click();
        },
        saveInfo (){
            var _this = this,
                Requireds = [
                {
                    name : 'city',
                    msg : '请选择报名城市'
                },{
                    name : 'realname',
                    msg : '请输入姓名'
                },{
                    name : 'age',
                    msg : '请输入年龄'
                },{
                    name : 'age_group',
                    msg : '请选择组别'
                },{
                    name : 'mobile_phone',
                    msg : '请输入手机号'
                }];
            for(var i=0;i<Requireds.length;i++){
                var item = Requireds[i];
                if(!_this.user[item.name]){
                    layer.alert(item.msg)
                    return;
                }
                if(item.name=='mobile_phone' && !$config.rex.mobile.test(_this.user['mobile_phone'])){
                    layer.alert('请输入正确的手机号');
                    return;
                }
            }
            if(_this.user.is_nissan){
                if(!_this.user.car_model){
                    layer.alert('请选择车型');
                    return;
                }
                if(!_this.user.car_vimnum){
                    layer.alert('请输入车辆VIN码');
                    return;
                }
            }
            if(!_this.user.headimgurl){
                layer.alert('请上传个人照片');
                return;
            }

            if(!_this.is_rule){
                layer.alert('请阅读并同意声明及免责事宜');
                return;
            }

            var loading = layer.load(2, {
                shade: [0.2,'#fff'] //0.1透明度的白色背景
            });

            $.ajax({
                url: $config.host()+'/NBAEnroll/DoEnroll',
                type : 'post',
                dataType : 'json',
                data : {
                    modelJson : JSON.stringify(_this.user)
                },
                success (json){
                    if(json.success){
                        /*var num = 1,
                            lastNum = 5,
                            time = setInterval(function () {
                                num++;
                                if(num==lastNum){
                                    clearInterval(time);
                                    $('.layer-click .layui-layer-btn0').removeClass('hui');
                                }
                            },1000);
                        layer.alert('恭喜您报名成功，您的选手编号为：<b class="red">'+json.message[1]+'</b><br>（请及时将报名视频发送到官方指定邮箱哦~）',{
                            closeBtn: 0,
                            skin: 'layer-click'
                        },function () {
                            if(num>=lastNum){
                                location.href = 'index.html'
                            }
                        })

                        $('.layer-click .layui-layer-btn0').addClass('hui');*/
                        if($config.IsPC()){
                            _smq.push(['custom','18-chinanba-pc-lead','留资ID',_this.user.city+'+'+_this.user.mobile_phone]);
                        }else{
                            _smq.push(['custom','18-chinanba-mob-lead','留资ID',_this.user.city+'+'+_this.user.mobile_phone]);
                        }

                        location.href = 'detail.html?id='+json.message[1];
                    }else{
                        layer.alert(json.message[0])
                    }

                    layer.close(loading)
                }
            })
        }
    },
    watch : {
        'user.age' : function () {
            if(this.user.age==9||this.user.age==10||this.user.age==11||this.user.age==12){
                this.user.age_group = '小学组'
            }else{
                this.user.age_group = '中学组'
            }

        }
    },
    computed : {
        cityTip (){
            var value = '';
            this.cityName.forEach((item)=>{
                if(this.user.city == item.name){
                    value = item.msg;
                }
            })
            return value;
        }
    }
})